<div class="one-notbreadcrumb one-map-container">
  <!-- 地图容器-->
  <div id="siteRangeMap" class="one-map-container"></div>
  <div class="one-map-tool-right">
    <ul class="list-unstyled">
      <li class="one-map-btn-hover">
        <button class="btn btn-success active" (click)="changeShowName(0)">普通</button>
        <button class="btn btn-success" (click)="changeShowName(1)">直观</button>
      </li>
      <li style="margin-top: 10px;" class="clearfix">
        <ul class="one-map-zoom pull-right">
          <li (click)="map.zoomIn()">+</li>
          <li (click)="map.zoomOut()">-</li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="one-map-legend-bottom">
    <ul class="list-inline one-map-legend-detail">
      <li>
        <span class="one-map-legend-last"></span>
        <span>监测点位置</span>
      </li>
      <li>
        <span class="one-map-legend-real"></span>
        <span>正在监测位置</span>
      </li>
    </ul>
  </div>
</div>
